<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=emulateIE7" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" type="text/css" href="/admin/js-css/css/style.css" />
    <link rel="stylesheet" href="/admin/js-css/css/zTreeStyle/zTreeStyle.css" type="text/css">
    <link rel="stylesheet" type="text/css" href="/admin/js-css/css/skin_/nav.css" />
    <script type="text/javascript" src="/admin/js-css/js/jquery.js"></script>
    <script type="text/javascript" src="/admin/js-css/js/global.js"></script>
    <title>操作区</title>
    <style>
        iframe{
            display:block;
        }
        h2{
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 35px;
        }
    </style>
</head>

<body>
<div id="container">
    <div id="bd"> 
        <div class="sidebar">
			<div style="overflow: hidden;width: 310px;">
				<div class="sidebarIcon">
					<button class="mui-icon mui-icon-weixin">></button>
				</div>
				<div class="sidebar-bg"></div>
				<!-- <i class="sidebar-hide"></i> -->
				<div class="tree-list">
				    <div class="tree ztree" >
				        <iframe width="100%" height="100%" id="leftFrame" src="" frameborder="0"></iframe>
				    </div>
				</div>
			</div>
        </div>
        <div class="main" style="margin-left: 130px;width: 92%;">

            <div class="content" style="line-height: 0; ">
                <iframe width="100%" height="100%" id="rightFrame"  src="" frameborder="0"></iframe>
            </div>
        </div>
    </div>
</div>


<div class="more-bab-list">
    <ul></ul>
    <div class="opt-panel-ml"></div>
    <div class="opt-panel-mr"></div>
    <div class="opt-panel-bc"></div>
    <div class="opt-panel-br"></div>
    <div class="opt-panel-bl"></div>
</div>

<div id="contextdiv" data-id="" href="" ></div>
</body>
<script type="text/javascript" src="/admin/js-css/js/nav.js"></script>
<script type="text/javascript" src="/admin/js-css/js/Menu.js"></script>
<script type="text/javascript" src="/admin/js-css/js/jquery.ztree.core-3.5.js"></script>
<script type="text/javascript">

    function setTitle(txt) {
        $("#window-title-dev").text(txt);
    }

    function leftOpen(url){
        leftFrame.src = url;
    }


    //rightOpen({id:"1212",url:"/admin/html/login.html",name:"会员管理"})
    //rightOpen({id:"434234",url:"/admin/html/login.html",name:"会员22管理"})
    function rightOpen(data){
        // $("#contextdiv").attr("data-id",data.id);
        // $("#contextdiv").attr("href",data.url);
        // $("#contextdiv").text(data.name);
        // menu._closeAll();
        // menu._createContent($("#contextdiv"));
        rightFrame.src = data.url;
    }

    $('.sidebar h2').click(function(e) {
        $('.tree-list').toggleClass('outwindow');
        $('.nav').toggleClass('outwindow');
    });
	$('.mui-icon').click(function(){
		$('.sidebar').toggleClass('sidebarH');
		$('.main').toggleClass('mainH');
	});

    $(document).click(function(e) {
        if(!$(e.target).is('.tab-more')){
            $('.tab-more').removeClass('active');
            $('.more-bab-list').hide();
        }
    });
	

</script>
</html>
